/**
 * Basico  ---------------------------------------------------------------------------------------------------
 */
* { margin: 0;}
html, body { background: #E6EAE9; font: 13px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; ; line-height:1.5; height: 100%; }

a { color: #21759B; }
a:hover { color: #D54E21; }

h2 { font-family: Arial, sans-serif; color: #464646; font-size: 30px; font-weight: bold; border-bottom: 1px dashed #ccc; margin: 0px 0px 10px 0px;  }
h3 { font-family: Arial, sans-serif; color: #464646; font-size: 16px; font-weight: bold; }










/**
 * Cabeçalho  ---------------------------------------------------------------------------------------------------
 */
#infomacaoTopo{
/*    float: right;*/
    text-align: right;
    margin-right: 10px
}
#infomacaoTopo label[id=usuarioTopo]{
    font-size: 18px;   
}
#infomacaoTopo label[id=sairTopo]{
/*    float: right;*/
    text-align: right;
    font-size: 14px;
    text-decoration: underline
} 

#imgTopo{
    width: 20px;
}
 

#header {
    width: auto;
    background-color:#306C5B;
/*    background-color: midnightblue;*/
    padding: 15px 0px 15px 0px;
    color: #ccc;
    margin: 0px 0px 0px 0px;
    height: 75px;
}
#header .logo { 
    font-weight: bold;
}
#header a { color: #ccc; 
    text-decoration: none;
}
#header a:hover { 
    text-decoration: underline;
    border-bottom-color: #21759B
}

#quick { 
    text-align: right;
}







/**
 * Centralizar  ---------------------------------------------------------------------------------------------------
 */

.container_16 {
    margin-left:auto;
    margin-right:auto;
    width:960px
}

.grid_16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
    width:940px
}






/**
 * Mensagens Flash  ---------------------------------------------------------------------------------------------------
 */
#formulario label.error{width: 50px ;font-size: 10px; text-align: left;float : right; margin-left: none}
/*.notice,
.success,
.message { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }*/

.error2 { font-family: "Arial",sans-serif ; font-size: 14px ;text-align: left ;padding: 8px 8px 8px 8px ;background: #D12F19; color: #FBC2C4 ;border: 2px solid }
.notice,
.message { font-family: "Arial",sans-serif ; font-size: 14px ;text-align: left ;padding: 8px 8px 8px 8px ;background: #FFF6BF; color: #817134; border: 2px solid; border-color: #FFD324; }
.success{ font-family: "Arial",sans-serif ; font-size: 14px ;text-align: left ;padding: 8px 8px 8px 8px ;background: #E6EFC2; color:#529214;border: 2px solid; border-color: darkseagreen;}

.error a { }    
.notice a,
.message a { color: #817134; }
.success a { color: #529214; }



/**
 * Content, Margens
 */
#main { margin-top: 15px; }
#main #content { margin-bottom: 20px; }



/**
 * Tables -----------------------------------------------------------------------------------------------------------------------
 */

table.display { width: 100%; border: 1px solid #dfdfdf; background-color: #fff; clear: both; margin-bottom: 10px;}
table.display tr th { padding: 10px; background-color: #e7e7e7; color: #464646; border-bottom: 0px; text-align: left; cursor: pointer;}
table.display tr td { padding: 10px; border-bottom: 1px solid #dfdfdf; vertical-align: middle; }
table.display tr td a { font-weight: normal; text-decoration: none; padding: 0px 5px 0px 0px; }
table.display tr td a:hover { text-decoration: underline; }
table.display tr td div.operations a { font-size: 12px; margin-right: 15px; text-decoration: none; text-transform: lowercase; }
table.display tr td img { margin: 0px; padding: 0px; }


/* DataTables, posicionamento do campo pesquisar */
.dataTables_length {
	width: 40%;
	float: left;
        margin-bottom: 10px;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}



/* DataTables, butões, proximo e anterior */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../img/tabela/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../img/tabela/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../img/tabela/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../img/tabela/forward_enabled.jpg');
}


/* DataTables, posicionamento dos butões, proximo e anterior */
.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}







/**
 * Footer  ---------------------------------------------------------------------------------------------------
 */
/*#footer { width: auto; text-align: center; background-color: #043146; padding: 15px 0px 15px 0px; color: #ccc; height: 20px;}*/
#footer { width: auto; text-align: center; background-color: #306C5B; padding: 15px 0px 15px 0px; color: #ccc; height: 20px;}
#footer a { color: #ccc; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#push { height: 72px; }/** Espaçamento no final da pagina */


#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
}


/**
 * Pagination  ---------------------------------------------------------------------------------------------------
 */
div.paging,
div.counter { text-align: center; margin: 10px; }
div.counter { margin-top: 10px; }





/**
 * Titulos e butoẽs  --------------------------------------------------------------------------------------------------------
 */
div.tabs { margin-bottom: 10px; }
div.tabs p { margin: 50px 0px 0px 0px; }

div.actions { padding: 0px 0px 50px 0px; }
div.actions ul { padding:0; float: left; }
div.actions ul li {
    margin: 0px 10px 0px 0px;
    padding: 0px;
    list-style: none;
    float: left;
}
div.actions ul li a { padding: 10px; margin-right: 10px; text-decoration: none; background-color: #c9cbfe; font-weight: bold; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
div.actions ul li a:hover { background-color: #d5e0ff;}
div.actions ul li span { }
/*
div.bulk-actions .input { float: left; padding: 4px; }

div.breadcrumb { margin: 0px 0px 20px 0px; }

div.extensions-hooks div.plugin { font-weight: bold; }

#loading { margin: 0 auto; width: 20px; text-align: center; }
#loading p { background-color: #FFF1A8; font-weight: bold; padding: 5px; margin: 0px; }

.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.hidden { display: none; }*/



/**
 * Views  --------------------------------------------------------------------
 */

table.view {border: 1px solid #dfdfdf; background-color: #fff; clear: both; margin-bottom: 10px;}
table.view tr th { padding: 8px; background-color: #dfdfdf; color: #464646; border-bottom: 0px; text-align: right; cursor: pointer;}
table.view tr td { padding: 8px; border-bottom: 1px solid #dfdfdf; vertical-align: middle; }
table.view tr td a { font-weight: normal; text-decoration: none; padding: 0px 5px 0px 0px; }
table.view tr td a:hover { text-decoration: underline; }
table.view tr td div.operations a { font-size: 12px; margin-right: 15px; text-decoration: none; text-transform: lowercase; }
table.view tr td img { margin: 0px; padding: 0px; }





/**
 * HOME  ---------------------------------------------------------------------
 */
 .imgBackground {
     opacity:0.32;
     -moz-opacity: 0.32;
     filter: alpha(opacity=32);
 }
